(function(){
    init()
    function init(){
        var shopid=0,areaid=0;
        var boolshop=true,boolarea=true;
        changeProduct();
        //获取店铺数据
        $.ajax({
            type:"Get",
            url:"http://chst.vip:1234/api/getgsshop",
            success(res){
                console.log(res);
                var html='';
                res.result.forEach(item=>{
                    html+=`
                    <li shopid=${item.shopId}>${item.shopName}</li>
                    `
                });
                $(".shops").html(html);
                changeshop();
            }
        }).then(res=>{
            $(".shop").click(function(){
                if(boolshop){
                    $(".shops").css("display","block");
                    boolshop=false;
                }else{
                    $(".shops").css("display","none");
                    boolshop=true;
                }
            })
             $(".shops>li").click(function(){
                shopid=Number($(this).attr("shopid"));
                changeshop();
                changeProduct();
            })
        })
        //获取区域数据
        $.ajax({
            type:"Get",
            url:"http://chst.vip:1234/api/getgsshoparea",
            success(res){
                // console.log(res);
                var html='';
                res.result.forEach(item=>{
                    html+=`
                    <li areaid=${item.areaId}>${item.areaName}</li>
                    `
                });
               $(".areas").html(html);
                changearea();
            }
        }).then(res=>{
            $(".area").click(function(){
                if(boolarea){
                    $(".areas").css("display", "block");
                    boolarea=false;
                }else{
                    $(".areas").css("display", "none");
                    boolarea=true;
                }
            })
            $(".areas>li").click(function(){
                areaid=Number($(this).attr("areaid"));
                changearea();
                changeProduct();
            })
        })
        //获取商品数据
        function changeProduct(){
            $.ajax({
                type:"Get",
                url:"http://chst.vip:1234/api/getgsproduct",
                data:{
                    shopid,
                    areaid
                },
                success(res){
                    // console.log(res);
                    var html="";
                    res.result.forEach(item=>{
                        html+=`
                        <div class="productItem">
                            <img src=${item.productImg}>
                            <h3>${item.productName}</h3>
                            <p>${item.productPrice}</p>
                        </div>
                        `
                    })
                    $("main").html(html);
                }
            });
        }
        //改变shop的字体
        function changeshop(){
            var text=$(`li[shopid=${shopid}]`).text();
            $(".shoptext").text(text)
        }
        //改变area的字体
       function changearea(){ 
            var text=$(`li[areaid=${areaid}]`).text().split("（")[0];
            $(".areatext").text(text)

         }
    }
})()